<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>注册</title>
        <%-- 全站样式 --%>
        <jsp:include page="/WEB-INF/jsps/template_style.jsp"></jsp:include>
    
    </head>
<body>
    <input type="hidden" id="baseUrl" value="${pageContext.request.contextPath}">
    <div class="container">
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <div class="row">
            <div class="col-md-8 col-md-push-2 " style="background-color: #f5f5f5;">
                <div class="row panel-heading">
                    <ol class="breadcrumb">
                        <li><a href="#">首页</a></li>
                        <li class="active">现在注册</li>
                    </ol>
                </div>

                <form action="<c:url value='/register.do'/>" method="post" onsubmit="return manageRegister.register();" class="form-horizontal panel-body" >
                    <div class="form-group">
                        <label for="inputEmail2" class="col-sm-2 control-label">邮箱</label>
                        <div class="col-sm-10">
                            <input type="email" class="form-control" id="emailID" placeholder="email" name="email">
                            <span id="emailSpan" style="color: red;"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword4" class="col-sm-2 control-label">密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="passwordID" placeholder="password" name="password">
                            <span id="passwordSpan" style="color: red;"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword4" class="col-sm-2 control-label">确定密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="repasswordID" placeholder="repassword" name="repassword">
                            <span id="repasswordSpan" style="color: red;"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-2 control-label">真实姓名</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="usernameID" placeholder="username" name="username">
                            <span id="usernameSpan" style="color: red;"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword4" class="col-sm-2 control-label">手机</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="telID" placeholder="tel" name="tel">
                            <span id="telSpan" style="color: red;"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail2" class="col-sm-2 control-label">密保问题</label>
                        <div class="col-sm-10">
                            <select class="form-control" name="question">
                                <option value="1">你父亲的名字</option>
                                <option value="2">你小学名字</option>
                                <option value="3">小学班主任名字</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail2" class="col-sm-2 control-label">密保答案</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="answerID" placeholder="请填写密保答案" name="answer">
                            <span id="answerSpan" style="color: red;"></span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="inputPassword4" class="col-sm-2 control-label">身份证</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="cardID" placeholder="card" name="card">
                            <span id="cardSpan" style="color: red;"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword4" class="col-sm-2 control-label">性别</label>
                        <div class="col-sm-10">
                            <label class="radio-inline">
                                <input type="radio" name="sex" id="maleID" value="0" checked="checked"> 男
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="sex" id="femaleID" value="1"> 女
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword4" class="col-sm-2 control-label">个人地址</label>
                        <div class="col-sm-2">
                            
                            <select id="s_province" class="form-control" name="s_province"></select>  
                            
                        </div>
                        <div class="col-sm-2">
                            <select id="s_city"  class="form-control" name="s_city"></select>  
                        </div>
                        <div class="col-sm-3">
                            <select id="s_county" class="form-control" name="s_county"></select>
                        </div>
                        <div class="col-sm-3">
                            <input type="text" class="form-control" id="personAddressID" placeholder="详细" name="personAddress">
                            <span id="personAddressSpan" style="color: red;"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword4" class="col-sm-2 control-label">工作地址</label>

                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="wordAddressID" placeholder="详细" name="wordAddress">
                            <span id="wordAddressSpan" style="color: red;"></span>
                        </div>
                    </div>
                    <span id="error_msg" style="color: red;">${error_msg }</span>
                    <div class="form-group">
                        <div style="margin-top: 5px;" class="col-sm-11 text-right">
                            <a  href="login.jsp">登录</a>
                        </div>
                        <div class="col-sm-1">
                            <button type="submit" class="btn btn-success btn-sm"  >注册</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
		<%--页脚 --%>
		<jsp:include page="/WEB-INF/jsps/footer.jsp"></jsp:include>
            </div>


        <div class="page-loading-overlay">
            <div class="loader-2"></div>
        </div>

        <%-- 尾部内容 --%>
        <jsp:include page="/WEB-INF/jsps/template_tail.jsp" />
           <!--省市联动所需要的js  -->
         <script class="resources library" src="assets/js/area.js" type="text/javascript"></script>
        
         <!-- 注册 -->
         <script src="assets/js/custom/register.js" type="text/javascript"/>
         <!-- 放在最下面 -->
          <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    </body>
</html>